<UserControl
	x:Class="UI.Control.KioskThumbnail"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:host="clr-namespace:ViewOnCore.HostContract;assembly=ViewOnCore"
    Width="150" Height="150">

    <Grid x:Name="griMain">
        <Image x:Name="imgThumbail" RenderOptions.BitmapScalingMode="LowQuality"/>
        <Border x:Name="highlight" Opacity="0" Background="{DynamicResource VOColor13}"/>
        <!--StackPanel Width="148" Height="30" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top" Background="{DynamicResource VOColor11}" Opacity="0.85"-->
            <!--Canvas x:Name="btnPlay" Width="10" Height="10" HorizontalAlignment="Left" Margin="5,5,0,0">
                <Path Data="M 0,0 10,5 0,10" Fill="{DynamicResource VOColor02}" Stroke="{DynamicResource VOColor02}" StrokeThickness="1"/-->
                <!--Canvas.BitmapEffect>
                    <OuterGlowBitmapEffect x:Name="GlowEffect" GlowColor="{Binding Source={x:Static host:Host.UIService}, Path=VOGColor1A}" GlowSize="2" Noise="0" Opacity="0"/>
                </Canvas.BitmapEffect>
                <Canvas.Triggers>
                    <EventTrigger RoutedEvent="Mouse.MouseEnter">
                        <BeginStoryboard>
                            <Storyboard>
                                <Storyboard.Children>
                                    <DoubleAnimation To="1" Duration="00:00:00.4000000" Storyboard.TargetName="GlowEffect" Storyboard.TargetProperty="Opacity" />
                                </Storyboard.Children>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="Mouse.MouseLeave">
                        <BeginStoryboard>
                            <Storyboard>
                                <Storyboard.Children>
                                    <DoubleAnimation To="0" Duration="00:00:00.4000000" Storyboard.TargetName="GlowEffect" Storyboard.TargetProperty="Opacity" />
                                </Storyboard.Children>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Canvas.Triggers-->
            <!--/Canvas-->
            <!--Canvas x:Name="btnOpenlbum" Width="10" Height="10" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="5,5,0,0">
                <Ellipse StrokeThickness="3" Stroke="{DynamicResource VOColor02}" Height="10" Width="10"/-->
                <!--Canvas.BitmapEffect>
                    <OuterGlowBitmapEffect x:Name="GlowEffect2" GlowColor="{Binding Source={x:Static host:Host.UIService}, Path=VOGColor1A}" GlowSize="2" Noise="0" Opacity="0"/>
                </Canvas.BitmapEffect>
                <Canvas.Triggers>
                    <EventTrigger RoutedEvent="Mouse.MouseEnter">
                        <BeginStoryboard>
                            <Storyboard>
                                <Storyboard.Children>
                                    <DoubleAnimation To="1" Duration="00:00:00.4000000" Storyboard.TargetName="GlowEffect2" Storyboard.TargetProperty="Opacity" />
                                </Storyboard.Children>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="Mouse.MouseLeave">
                        <BeginStoryboard>
                            <Storyboard>
                                <Storyboard.Children>
                                    <DoubleAnimation To="0" Duration="00:00:00.4000000" Storyboard.TargetName="GlowEffect2" Storyboard.TargetProperty="Opacity" />
                                </Storyboard.Children>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Canvas.Triggers-->
            <!--/Canvas-->
            <!--StackPanel Orientation="Vertical" Margin="10,0,0,0">
                <TextBlock x:Name="lblTitle1" Foreground="{DynamicResource VOColor1A}"/>
                <TextBlock x:Name="lblTitle2" Foreground="{DynamicResource VOColor1A}"/>
            </StackPanel-->
        <!--/StackPanel-->
        <Grid.Triggers>
            <EventTrigger RoutedEvent="Mouse.MouseEnter">
                <BeginStoryboard>
                    <Storyboard>
                        <Storyboard.Children>
                            <DoubleAnimation To="0.5" Duration="00:00:00.20" Storyboard.TargetName="highlight" Storyboard.TargetProperty="Opacity" />
                        </Storyboard.Children>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
            <EventTrigger RoutedEvent="Mouse.MouseLeave">
                <BeginStoryboard>
                    <Storyboard>
                        <Storyboard.Children>
                            <DoubleAnimation To="0" Duration="00:00:00.20" Storyboard.TargetName="highlight" Storyboard.TargetProperty="Opacity" />
                        </Storyboard.Children>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Grid.Triggers>
    </Grid>

</UserControl>
